<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    伪类（不存在的类，特殊的类）
       伪类用来描述一个元素的特殊状态，比如：第一个子元素、被点击的元素、鼠标移入的元素
       伪类一般都是使用：开头
       :first-child 第一个元素
       :last-child 最后一个元素
       :nth-child() 选中第n个子元素
        特殊值：
              n 第n个 n的范围0到正无穷
              2n 表示选中偶数位的元素
              2n+1 表示选中奇数位的元素
       以上这些伪类都是根据所有的子元素进行排序

       :first-of-type
       :last-of-type
       :nth-of-type()
          这几个伪类的功能和上述的类似，不同点是它们是在同类型元素中进行排序
       -->
    <style>
         ul>li:first-child{
             color:red;
         }
        ul>li:nth-child(3){
            color:yellow;
        }
    </style>
</head>
<body>
        <ul>
            <li>第1个元素</li>
            <li>第2个元素</li>
            <li>第3个元素</li>
            <li>第4个元素</li>
            <li>第5个元素</li>
        </ul>
</body>
</html>